/** Basic stuff so it looks good, people can change it how they want */
html {
	width:100%;
	height:100%;
}
body {
	background:url(images/bg-texture.jpg) repeat;
	padding:20px;
	min-height:100%;
	font-family:"Helvetica", Arial, sans-serif;
}

input::-webkit-input-placeholder {
    color:    #888;
}
input:-moz-placeholder {
    color:    #888;
}


form {
	width:800px;
	margin:0px auto;
	padding:20px;
	
	
}

label {
	color:#3a3a3a;
	font-size:13px;
	display:block;
}

.form-left-column {
	float:left;
	width:395px;
	margin-right:10px;
}

/**.form-left-column input[type="text"], .form-right-column input[type="text"] {
	width:365px;
}*/

.form-right-column {
	float:left;
	width:395px;
}

header#top {
	height:60px;
	line-height:80px;
	width:780px;
	padding:30px;
	margin:20px auto 20px auto;
	background:url(images/transparent_20.png) repeat;
	box-shadow: inset 0px 3px 10px #999999;
	-moz-box-shadow: inset 0px 3px 10px #999999;
	-webkit-box-shadow: inset 0px 3px 10px #999999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}

header#top h1 {
	background:url(images/concerto-button.png) left center no-repeat;
	padding-left:100px;
	margin-top:-8px;
	font-family:"Helvetica Neue", "Helvetica", serif;
	font-weight:100;
	color:#313131;
	font-size:40px;
	text-shadow:0px 1px 0px #ddd;
}

fieldset {
	font-size:13px;
	margin-bottom:10px;
}

fieldset .inner {
	padding:8px 10px 10px 10px;
	color:#444;
	background:url(images/upfade2_30.png) bottom repeat-x #fff;
	border:1px solid #aaa;
	font-size:13px;
	overflow-x:hidden;
	box-shadow:0px 1px 3px #999;
	margin:0px 4px 0px 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bototm-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}

fieldset header {
	font-family:"Palatino", "Palatino", serif;
	line-height:30px;
	padding:5px 10px;
	background:url(images/wave_40.png) #3a3a3a repeat-x center;
	font-size:22px;
	color:white;
	text-shadow:0px 0px 1px #555;
	font-weight:bold;
	box-shadow: 0px 1px 2px #888;
}

form h1 {
	padding:10px;
	background:url(images/upfadebig.png) top repeat-x #003d89;
	margin-bottom:15px;
	border:solid 1px #ccc;
	color:white;
	font-variant:small-caps;
	text-shadow:0px 1px 1px #231d2b;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-webkit-box-shadow:0px 0px 5px #3a3a3a;
   -moz-box-shadow:0px 0px 5px #3a3a3a;
   box-shadow:0px 0px 5px #3a3a3a;
}

form input[type="submit"] {
	padding:10px 50px;
	background:url(images/upfade2_30.png) bottom repeat-x #003366;
	border:solid 1px #ccc;
	color:white;
	width:800px;
	text-shadow:0px 1px 1px #231d2b;
	font-size:20px;
	line-height:40px;
	font-weight:bold;
}

form .form-left-column textarea.editor, form .form-right-column textarea.editor {
	resize:none;
	width:365px;
	height:200px;
	overflow-y:scroll;
}

form .form-left-column textarea.medium-text, form .form-right-column textarea.medium-text {
	resize:none;
	width:365px;
	height:50px;
	overflow-y:scroll;
}

.form-left-column textarea.code, .form-right-column textarea.code {
	width:365px;
}

.form-one-column textarea.code {
	width:770px;
}

textarea.code {
	letter-spacing:1px;
	height:100px;
}

form .relation-field label {
	font-size:13px;
	font-weight:bold;
	padding:3px;
	width:385px;
}

form fieldset .two-column {
	width:385px;
	float:left;
}

form .form-two-column fieldset .two-column {
	width:185px;
	float:left;
}

form .form-one-column textarea.editor {
	resize:none;
	width:770px;
	height:200px;
	overflow-y:scroll;
}

form .form-one-column textarea.medium-text {
	resize:none;
	width:770px;
	height:50px;
	overflow-y:scroll;
}

form input[type="submit"]:hover {
	cursor:pointer;
	background-color:#336699;
}

#content_title {
	width:770px;
	font-size:20px;
	line-height:30px;
}

form input[type="text"], form input[type="password"], form textarea {
	border:solid 1px #666;
	color:#444;
	background:url(images/upfade2_30.png) repeat-x bottom #e3e3e3;
	outline:none;
	padding:3px;
	font-size:17px;
	line-height:30px;
	margin-bottom:8px;
	width:300px;
}

form textarea {
	line-height:23px;
}	

fieldset.single-field input[type="text"], fieldset.single-field input[type="text"], fieldset.single-field textarea {
	margin-bottom:0px;
}

form textarea.medium-text {
	resize:none;
}



#wym-image-editor img{
	float:left;
	margin:2px;
	border:solid 1px #ccc;
	
	
}

#wym-images img {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
#wym-images img:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
	cursor:pointer;
}

#filelist {
	border:solid 1px #d2d1d1;
	padding:2px;
	overflow-y:scroll;
	height:100px;
}

#wym-images {
	border:solid 1px #d2d1d1;
	padding:2px;
	height:104px;
	margin-bottom:5px;
}

#wym-images li {
	float:left;
	height:52px;
}

#filelist h4 {
	font-size:11px;
	font-weight:bold;
}

#filelist ul {
	font-size:10px;
}

#filelist ul li {
	padding:3px;
}

#wym-image-editor ul#wym-image-actions {
	float:right;
}

#wym-image-editor ul#wym-image-actions a {
	text-decoration:none;
	display:block;
	border:solid 1px #d2d1d1;
	background:#fafafa;
	font-family:"Trebuchet MS", Arial, sans-serif;
	padding:5px;
	color:#3a3a3a;
	margin:2px;
	font-size:10px;
}

#wym-image-editor ul#wym-image-actions a:hover {
	background:#000099;
	color:white;
	cursor:pointer;
}








/** MULTISELECT */

.multiselect-search {
	width:335px;
	float:left;
}

ul.multiselect-search-results {
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	display:block;
	font-size:10px;
	position:absolute;
	z-index:100;
	background:#003366 url(images/upfade2_30.png) repeat-x bottom;
	font-size:14px;
	font-weight:bold;
	padding:4px;
}

ul.multiselect-search-results li {
	padding:3px;
	display:block;
	color:white;
	background:url(images/upfade2_30.png) #336699 repeat-x bottom;
	margin:2px;
}

ul.multiselect-search-results li:hover {
	background:#f0f0f0 url(images/upfade2_30.png) repeat-x bottom;
	color:#3a3a3a;
	
	cursor:pointer;
}

ul.multiselect {
	font-size:10px;
	width:361px;
	border:solid 1px #ccc;
	background:white;
	padding:5px;
	margin-top:5px;
}

ul.multiselect li, ul.triangular-relation-list li {
	display:inline-block;
	padding:3px;
	margin:3px;
	border:solid 1px #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:url(images/downfade.png) top repeat-x #d2d1d1;
	font-size:10px;
}

ul.triangular-relation-list span.relation-content {
	margin-right:5px;
	margin-left:5px;
	font-weight:bold;
}

a.remove-multiselect {
	color:black;
	display:inline-block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:1px 3px;
	text-decoration:none;
	margin-left:5px;
}

a.remove-multiselect:hover {
	background:#888;
	color:white;
	cursor:pointer;
}

.multiselect-create-stub, .form-button {
	background:url(images/downfade.png) repeat-x top;
	border:solid 1px #ccc;
	float:left;
	margin-left:5px;
	height:26px;
	text-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#3a3a3a;
	font-size:11px;
}

.multiselect-create-stub {
		width:25px;
}

.form-button {
	padding:0px 8px;
}

.list-item-text {
	float:left;
	width:200px;
}

.multiselect-create-stub:hover, .form-button:hover {
	cursor:pointer;
	background-color:#ccc;
}

.form-left-column ul.list-field li, .form-right-column ul.list-field li {
	width:365px;
}

.form-left-column ul.list-field li .list-item-text, .form-right-column ul.list-field li .list-item-text {
	width:325px;
}

.form-one-column ul.list-field li {
	width:770px;
}

.form-one-column ul.list-field li .list-item-text {
	width:725px;
}

ul.list-field li {
	display:block;
	margin-bottom:5px;
	height:25px;
}

.small-button {
	background:url(images/upfade_30.png) #d2d1d1 repeat-x bottom;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:11px;
	color:#3a3a3a;
	text-shadow:0px 0px 1px #e3e3e3;
	padding:5px;
	border:solid 1px #3a3a3a;
	font-weight:bold;
	margin:2px;
}

.relation-add-button {
	height:26px;
	text-align:center;
	width:100%;
	margin-top:3px;
}

.relation-add-button:hover {
	cursor:pointer;
	background-color:#ccc;
}


.multiselect-create-stub:disabled, .relation-add-button:disabled, .form-button:disabled {
	
	color:#ccc;
	background-color:white;
	border-color:#ccc;
}

.multiselect-create-stub:disabled:hover, .relation-add-button:disabled:hover, .form-button:disabled:hover {
	cursor:default;
	background:url(images/upfade_30.png) repeat-x bottom white;
}

ul.triangular-relation-list {
	background:white;
	border:solid 1px #ccc;
	min-height:20px;
	min-width:365px;
}

a.remove-file {
	display:none;
	border:solid 1px white;
	color:white;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	background:#840404;
	cursor:pointer;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-weight:bold;
	padding:3px;
	text-decoration:none;
}

a.remove-file:hover {
	filter:alpha(opacity=100);
	opacity:1.0;
}

ul.imagegallery-file-list li {
	position:relative;
	float:left;
	max-width:112px;
	display:block;
	margin-right:5px;

}

ul.imagegallery-file-list img {
	padding:5px;
	background:#d2d1d1;
	border:solid 1px #ccc;
}
ul.imagegallery-file-list li:hover a.remove-file {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}

.messages {
	width:770px;
	background:#f0f0f0;
	margin:5px auto;
	padding:15px;
}

.aesop-editor iframe {
	background:white;
	border:solid 1px #ccc;
}
